<include file="App/Home/View/Public/header.html" />
<style>
.swiper-container {
	width: 100%;
	height: 224px;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
}

#table-2 {
	width: 100%;
}

#table {
	width: 100%;
	margin: 0 auto;
}

#font-right {
	margin: 50px 0 0 0;
}
@media screen and(min-width: 1500px) {
	#font-right{
	margin: 50px 0 0 0;
	/*margin-left: 30px;*/
	}
}
@media (min-width: 1200px)and(max-width: 1500px) {
	#font-right {
	margin: 50px 0 0 0;
	margin-left: 30px;
	}
}
@media (min-width: 993px)and(max-width: 1200px) {
	#font-right {
	margin: 50px 0 0 0;
	margin-left: 30px;
	}
}
@media (max-width: 1200px) {
	#font-right {
	margin: 50px 0 0 0;
	margin-left: 30px;
	}
}
#font-left>div {
	text-align: center;
}

#middle {
	
}
#a{
	padding-left: 60px;
}
</style>
<script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/Public/Home/css/bootstrap.min.js"></script>

<link href="/Public/Home/css/swiper.min.css" rel="stylesheet" />
<link href="/Public/Home/css/bootstrap.css" rel="stylesheet" />
<div id="banner">

	<div id="nav-box-under">
		<div class="">
			<div class="col-xs-7">
				<div id="font-left">
					<div style="text-align: center;">关注全球创新型区块链资产</div>
					<div style="text-align: center;">新科技、新引擎、新革命</div>
				</div>
			</div>
			<div class="col-xs-4" id="a">
				<empty name="member">
				<div id="font-right">
					<ul>
						<li><span><a  target="_self">登录</a></span></li>
						<li><span><a href="{:U('Reg/reg')}" target="_self">注册</a></span></li>
						<li><span><img src="__PUBLIC__/Home/image/zh-CN.png"
								height="15" width="21"></span> <input type="text"
							name="email_or_phone" id="email" placeholder="请输入手机号/邮箱"></li>
						<li><span></span> <input type="password" name="password"
							id="password" placeholder="请输入密码"></li>
						<li>
							<!-- <a href="{:U('Login/findPwd')}" target="_self">忘记密码?</a> -->
						</li>
						<li><button onclick="login()" type="button"
								style="border: none">立即登录</button></li>
					</ul>
					<else />
					<div id="font-right"
						style="margin-top: 50px; position: relative; z-index: 999;width:270px;height:280px;">
						<div class="tab tab01">
							<h3 class="title" style="text-align: center;">
								<a href="{:U('User/index')}" class="font_20"
									style="color: #fff;font-size:18px;"> 账号：{$Think.session.USER_KEY} </a>
									<p style="color: #fff;font-size:16px;margin-top:20px;">用户ID：{$Think.session.USER_KEY_ID}</p>
							</h3>
							<p style="text-align: center;">
								<a href="{:U('User/index')}"
									class="btn 
  								  btn_orange btn_url"
									style="color: #fff;">账户中心 </a>
							</p>
							<p class="m_t_10" style="text-align: center;">
								<a href="{:U('Entrust/manage')}" style="color: #fff;"
									class="btn btn_orange btn_url">委托管理</a>
							</p>
							<p class="button_box" style="text-align: center;">
								<a href="{:U('User/pay')}" style="color: #fff;"
									 class="btn_white">充值</a> 
									 <a href="{:U('User/draw')}" style="color: #fff;" class="btn_white">提现</a>
							</p>
						</div>
					</div>
				</empty>
			</div>

		</div>
	</div>
</div>

<script>
	function login() {
		var email = $('#email').val();
		var password = $('#password').val();
		if ($('#email').val().length <= 0) {
			layer.msg("请输入用户名");
			return;
		}
		if ($('#password').val().length <= 0) {
			layer.msg("请输入密码");
			return;
		}
		$.post("/Home/Login/checkLog", {
			email : email,
			pwd : password
		}, function(data) {
			layer.msg(data.info);
			<eq name="Think.session.is_phone" value="1" >  <else /> $('.layui-layer-msg').css({position:'absolute',left:'88%',top:'15%'});</eq>
			if (data.status == 1) {
				location.reload();
			}
		});

	}
</script>
<!-- <div id="table"> 
        <div id="middle" class="row">
            <div id="table-1" class="col-xs-4">
                <ul id="gonggao">
                    <li class="t1">
                        <a href="{:U('Art/index1',['position_id'=>1])}" target="_self">公告</a>
                        <ul class="t1-1" style="height:202px;">
						                <volist name="gfgg" key='k' id="vo"> 
                              <a href="{:U('Art/details',['id'=>$vo['article_id']])}" style="display:table-row;text-align:left;"><li>{$vo['title']}<span>[{$vo['add_time']|date="m-d",###}]</span></li></a>
							             </volist>                       
                        </ul>
                    </li>
                    <li class="t2">
                        <a class="xw" href="{:U('Art/index1',['position_id'=>2])}" target="_self">新闻</a>
                        <ul class="t2-1" style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height:202px;">
						                <volist name="scdt" key='k' id="vo"> 
                              <a href="{:U('Art/details',['id'=>$vo['article_id']])}" style="display:table-row;background-color: #ffffff;color: #0590fe;text-decoration: none;width:395px;text-align:left;height:30px;"><li style="position:relative; "><span style="display:block; width:280px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">{$vo['title']}</span><span style="position:absolute;top:0;right:-90px;">[{$vo['add_time']|date="m-d",###}]</span></li></a>
							              </volist>
                        </ul>
                    </li>
                    <li  class="t3"><a href="{:U('Art/index1',['position_id'=>1])}" target="_self">查看更多</a></li>
                </ul>
            </div>
            <div id="p-right" class="col-xs-4">
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                      <div class="swiper-slide" style="background-image:url(/Public/Home/image/201706181544002_RnsuF.jpg)"></div>
                      <div class="swiper-slide" style="background-image:url(/Public/Home/image/201706181544045_S3mkC.jpg)"></div>
                      <div class="swiper-slide" style="background-image:url(/Public/Home/image/201706270957045_xtMhr.jpg)"></div>
              
                  </div>
                  <!-- Add Pagination -->
<!-- <div class="swiper-pagination swiper-pagination-white"></div> -->
<!-- Add Arrows -->
<!-- <div class="swiper-button-next swiper-button-white"></div> -->
<!-- <div class="swiper-button-prev swiper-button-white"></div> -->
<!--  </div>
            </div>
        </div>
    </div>-->
<div id="carousel-generic" class="carousel-new">
<p style="color:red;text-align:center;padding-top:5px;font-size:16px;"><img src="__PUBLIC__/Home/image/laba.png">&nbsp;温馨提示：请控制风险，不要投入超过您风险承受能力的资金，不要投资您不了解的数字货币，拒绝传销组织，警惕虚假宣传！</p>
	<div class="container">
		<div class="carousel-inner02 clearfix">
			<div class="item-left">
				<div class="border-top">
					<ul class="nav nav-tabs">
						<li role="presentation" class="active nobto" id="tabNotice">
							<a href="javascript:void()" role="tab"
							data-toggle="tab" aria-expanded="true" target="_self">公告</a>
						</li>

						<!--  <li role="presentation" class=" nobto" id="tabNews"><a
							href="{:U('Art/index1',['position_id'=>2])}" >新闻</a></li>-->

						<li role="presentation" class="nobto" id="tabNews"><a
							href="javascript:void()">新闻</a></li>

						<li role="presentation" class="see"><a
							href="{:U('Art/index1',['position_id'=>1])}">查看更多</a></li>

					</ul>
				</div>
				<ul class="border-right" id="panelNotice">
					<volist name="gfgg" key='k' id="vo">
					<li class="clearfix"><a
						href="{:U('Art/details',['id'=>$vo['article_id']])}">{$vo['title']}</a>
						<span> {$vo['add_time']|date='Y/m/d',###} </span></li>
					</volist>
				</ul>
				<ul class="border-right" id="panelNews" style="display: none">
					<volist name="scdt" key='k' id="vo">
					<li class="clearfix"><a
						href="{:U('Art/details',['id'=>$vo['article_id']])}">{$vo['title']}</a>
						<span> {$vo['add_time']|date='Y/m/d',###} </span></li>
					</volist>
				</ul>

			</div>
			
			<div class="item-right">


				<div id="myCarousel" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<!-- <ol class="carousel-indicators">

						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>

					</ol> -->

					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<volist name="flash" id="vo" key="k">
								<div class="swiper-slide"
									style="background-image: url({$vo.pic})"></div>
								</volist>

							</div>
							<!-- Add Pagination -->
							<div class="swiper-pagination swiper-pagination-white"></div>
							<!-- Add Arrows -->
							<!-- <div class="swiper-button-next swiper-button-white"></div>
							<div class="swiper-button-prev swiper-button-white"></div> -->
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>

<!------------------------------------------------尾部---------------------------------------------->
<!--<div id="table-2">-->
<div style="padding:20px 0">
	<div style="width: 1200px; margin: 0 auto">
		<div style="width: 90%; margin-top: 10px; margin-bottom: 10px;">
			<span>|</span> <span>资产交易区</span> <span>ASSET TRADING AREA</span>
		</div>
		<table id="table1" cellspacing="0">
			<tr>
				<th style="text-align:center">品种</th>
				<th style="text-align:center">币种代码</th>
				<th style="text-align:center">最新价格(CNY)</th>
			<!-- 	<th style="text-align:center">今开盘</th>
				<th style="text-align:center">最新价</th>-->
				
				<th style="text-align:center">24h成交量</th>
				<th style="text-align:center">24h成交金额</th>
				<th style="text-align:center">总市值(CNY)</th> 
				<th style="text-align:center">涨跌</th> 
				
			<!-- 	<th style="text-align:center">最高价</th>
				<th style="text-align:center">最低价</th> -->
				<th style="text-align:center">去交易</th>
			</tr>
			<volist name="currency_or" id="vo">
			<tr>
				<td style="text-align:center">{$vo.currency_name}</td>
				<td style="text-align:center"><img src="{$vo.currency_logo}" height="25px" width="25px">{$vo.currency_mark}</td>
				<td style="text-align:center">{$vo.new_price|formatOrderNum=###}</td>
				<!-- <td style="text-align:center">{$vo.zuorishoupan|default="0.00"}</td>
				<td style="text-align:center">{$vo.kai_price|default="0.00"}</td>
				<td style="text-align:center">{$vo.new_price|formatOrderNum=###}</td>
				<td style="text-align:center"><gt name="vo.zhangfu" value="0">
					+{$vo.zhangfubfb|default='0'}% <else /> -{$vo.zhangfubfb|default='0'}% </gt></td> -->
					
				<td style="text-align:center">{$vo.all_num|default="0.00"}</td>
				<td style="text-align:center">{$vo.currency_trade_all|default="0.00"}</td>
				<td style="text-align:center">{$vo.currency_all_money|default="0.00"}</td>
				<td style="text-align:center"><gt name="vo.zhangfu" value="0">
					+{$vo.zhangfubfb|default='0'}% <else /> -{$vo.zhangfubfb|default='0'}% </gt></td>
			<!-- 	<td style="text-align:center">{$vo.zuigao|default="0.000"}</td>
				<td style="text-align:center">{$vo.zuidi|default="0.00"}</td> -->
				<td style="text-align:center"><a
					href="{:U('Orders/index',array('currency'=>$vo['currency_mark']))}">去交易</a></td>
			</tr>
			</volist>
		</table>
	</div>
</div>
<include file="App/Home/View/Public/footer.html" />
<script src="/Public/Home/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        spaceBetween: 30,
        autoplay:2500,
        loop:true,
        effect: 'fade'
    });
    </script>
<script>
				$(function(){
					$('#tabNews').click(function(){
					
						$(this).addClass('active');
						$('#tabNotice').removeClass('active');
						$('#panelNews').show();
						$('#panelNotice').hide();

					});
					$('#tabNotice').click(function(){
					
						$(this).addClass('active');
						$('#tabNews').removeClass('active');
						$('#panelNotice').show();
						$('#panelNews').hide();
					})
				})
			</script>
